body
{
	background-color:white;
		
	}

#contour_interne {
	
	margin:1px;
	
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    border-radius: 20px;
    
	-moz-box-shadow: 4px 4px 12px 0 #333;
	-webkit-box-shadow: 4px 4px 12px 0 #333;
	box-shadow: 4px 4px 12px 0 #333;

	background: -webkit-gradient(linear,left top, left bottom, from(#370037), to(#9B1A98) ) !important ;
	background:-moz-linear-gradient(top,#370037,#9B1A98) !important ;
	background:url("./resources/background_00301.jpg") repeat-x;
	background-image:url("./resources/background_00301.jpg") ;
	background: yellow;
	background-repeat:repeat-x;
	background-attachment:fixed;
	
	}

h1 {
	font-style: italic ;
	border-bottom: medium double grey ;
}

#banniere {
	background:url("./resources/banniere.jpg");	
	background-repeat:no-repeat;
	background:white;
	border: thick ridge 9B1A98 ;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
	margin-right:30px;
	margin-left:30px;
	margin-top:1em;
	float:left;
	max-width:80%;
	min-width:62%;
	width:auto;
	height:40px;
	}

#formulaire {	
	padding-top:10px;
	margin-right: 10px;
	float:right;	 
	/*text-align:left;*/
	}
	
#welcolmProfil {	
	border:1px solid black;
	padding-top:10px;
	padding-left:10px;
	width:15%;	
	margin-right: 10px;
	margin-left:10px;
	float:right;	 
	text-align:left;
	}
	
#welcolmProfil #identity {	
	font-style:italic;
	widht:30em;
	font-size:1.2em;
	text-align:left;
	color:white;	
	}

#welcolmProfil .lien {	
	font-style:normal;
	test-align:center;
	text-decoration:none;
	color:white;
	width:25em;
		}
#welcolmProfil .lien:hover {
	font-size:1.2em;	
}

#formulaire a {
	display:inline-block;
	text-align:left;
	width:7em;
	text-decoration:none;
	color:orange;
	}
#formulaire a:hover {
	height:1.2em;
	}
#formulaire input {
	width:7em;
}

#formulaireConnection  {
	float:center;	
		/*
	background: -webkit-gradient(linear,left top, left bottom, from(#F6F2D8), to(#F8F7F3) ) !important ;	
	background: -moz-linear-gradient(top,#F6F2D8,#F8F7F3) !important ;
	background:url(./resources/background_00290.jpg);
	background-repeat : repeat-x ;
	*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow:3px 3px 45px 2 #111;
	-moz-box-shadow:3px 3px 45px 2 #111;
	box-shadow:3px 3px 45px 2 #111;
	
	padding-top:6%;
	padding-bottom:6%;
	margin-top:10%;
	margin-left:10%;
	
	margin-right:10%;
	margin-left:10%;
	font-size:1.3em;	
	text-align:center;
	}
#formulaireConnection label[for] {
	width:20em;
	color:black;
	}
	
#formulaireConnection input {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline;
	width:20em;
		
	background: -webkit-gradient(linear,left top, right top, from(#AAEFEF) , to(#CCFFFF)) !important ;
	background: -moz-linear-gradient(top,#AAEFEF,#CCFFFF) !important ;
	background: blue ;
	}
	
#formulaireConnection a {
	text-decoration:none;
	color:blue;
	padding-top:10px;
	text-align:left;
	text-style:italic;
	width:20em;
	}	
	
#formulaireInscription {
float:center;	
		/*
	background: -webkit-gradient(linear,left top, left bottom, from(#F6F2D8), to(#F8F7F3) ) !important ;	
	background: -moz-linear-gradient(top,#F6F2D8,#F8F7F3) !important ;
	background:url(./resources/background_00290.jpg);
	background-repeat : repeat-x ;
	*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow:3px 3px 45px 2 #111;
	-moz-box-shadow:3px 3px 45px 2 #111;
	box-shadow:3px 3px 45px 2 #111;
	
	padding-top:6%;
	padding-bottom:6%;
	margin-top:10%;
	margin-left:10%;
	
	margin-right:10%;
	margin-left:10%;
	font-size:1.3em;	
	text-align:center;
}

#formulaireInscription label[for] {
	width:20em;
	color:black;
	}
	
#formulaireInscription input {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline;
	width:20em;
		
	background: -webkit-gradient(linear,left top, right top, from(#AAEFEF) , to(#CCFFFF)) !important ;
	background: -moz-linear-gradient(top,#AAEFEF,#CCFFFF) !important ;
	background: blue ;
	}

	
#date {
	float:left;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
	margin-top:1em;
	margin-left:1.4em;
	margin-bottom:0.5em;
	padding:.2em;
	font-size:1.1em;
	min-height:5%;
	height:auto !important;	
	color:white;
	text-align:center;
}

label[for] {
	display: inline-block;
	width:7em;
	color:white;	
	}

#title {
	clear:both;
	display:block;
	float:bottom;
	font-style:italic;
	text-align:center;
	font-weight:bold;
	font-size:1.7em;
	color:white;
	padding-top:0px;	
	border-bottom: medium double grey ;
	padding-bottom: 10px;
	}

	
#page {
	padding:10px;
	margin:20px;	
	-min-height: 110%;
	height: auto !important;
	height: 110%;
	color:white;
}
#page .contenu_page {
	float:left;
}
#page .news {
	background-attachment:fixed;
	float:right;
	height:auto !important;
	padding:0px;
	margin:0px;
	/*border:1px solid black;*/
	-webkit-border-emradius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	
	/*clear:both;
	position: relative;*/
	cursor: default;
	y-index: 1;
}
#page .news .entete {	
	display:block;	
	
	background:-webkit-gradient(linear, left top, right top, from(#8D168A), to(#B674F4) ) !important;
	background: -moz-linear-gradient (top,#9141DC,#B674F4) !important;
	background:url("./resources/background_00081.jpg") repeat-x;	
	-webkit-border-top-left-radius:10px;
	-moz-border-top-left-radius:10px;
	border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-right-radius:10px;	
	text-align:center;
	color:white;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	}

#page .news .contenu_news {	
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:white;
	height:auto;
	color:black;
	}

#page .news .pied a {	
	display:block;
	/*float:bottom;*/
	background:-webkit-gradient(linear, left top, left bottom, from(#914FFF), to(#FF74F4) ) !important;
	background: -moz-linear-gradient (top,#9141dc,#b674f4) ;
	background:url("./resources/background_00341.jpg") repeat-x;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px; 
	-webkit-border-bottom-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	border-top:medium double white ;
	color:white;	
	text-decoration:none;
	text-align:center;
	text-style:italic;
	font-size:1.1em;
	}
	
#page .news .pied .lien:hover {
	background:-webkit-gradient(linear, left top, left bottom, from(#FF74F4), to(#914FFF) ) !important;
	background: -moz-linear-gradient (top,#9141dc,#b674f4) ;
	background:url("./resources/background_00341.jpg") repeat-x;	
	}	

#page .contenu_news a {
	text-decoration:none;
	color:black;
	}
	
#page  .contenu_news tes {
	position: absolute;
	left: 0;
	top: 0;	
	overflow: hidden;
	}
#page .contenu_news tes.hover {
	width:auto;
	heigth:auto;
	}
	
#page .contenu_news tes.news1 {
	x-index:8;
	}
	
#page .contenu_news tes.news2 {
	x-index:7;	
}

#page .contenu_news tes.news3 {
	x-index:6;	
}

#page .contenu_news tes.news4 {
	x-index:5;	
}

#page .contenu_news span {
	display: block;
	width: 16em;
	height: 7em;
	margin:0.1em;
	padding-left: .5em;
	padding-top: .5em;
	padding-right: .5em;
	text-align: center;
	/*border-right: 1px solid #666666;*/
	background: -webkit-gradient(linear, left top, right bottom, from(#D7B5F7), to(#DDC2F6)) !important;
	background: -moz-linear-gradient(top, #CD9EF9, #DDC2F6) !important;
	background: url(./resources/background_00064.jpg) #898989 repeat-x;
}

#page .contenu_news .lien:active span {
	background: -webkit-gradient(linear, left top, right bottom, from(#D7B5F7), to(#DDC2F6)) !important;
	background: -moz-linear-gradient(top, #CD9EF9, #DDC2F6) !important;
	background: url(./resources/background_00064.jpg) #898989 repeat-x;
	}

#page .contenu_news .lien:hover span {
	background: -webkit-gradient(linear, left top, right bottom, from(#DDC2F6), to(#D7B5F7)) !important;
	background: -moz-linear-gradient(top, #CD9EF9, #DDC2F6) !important;
	background: url(./resources/background_00064.jpg) #898989 repeat-x;
}

#page .contenu_page {
	margin:0em;	
	padding:10px;
	width:75%;
	height:80%;
	background: -webkit-gradient(linear,left top, right bottom, from(#EBD6FF), to(#FFFFFF) ) !important;
	background:url("./resources/background_00356.jpg") repeat-x;	
	-webkit-border-radius:10px;
	color:black;
	text-align:justify;
	font-size:1.1em;
	}
#page .contenu_page:first-letter {
	font-size:2em;
	color:blue;
	font-weight:bold;	
	}



#basPage {	
	clear:both;
	border-top: medium double grey ;	
	float:bottom;
	margin-top:2em;
	padding-top:10px;	
	padding-bottom:10px;
	text-align:center;
	font-style:align;
	color:white;
	background: -webkit-gradient(linear,left top, left bottom, from(#9b1aFF), to(#3700FF) ) !important;
	background:-moz-linear-gradient(top,#9b1aFF,#3700FF) !important ;
	background:url(./resources/background_00301.jpg) repeat-x #3700FF;
	
	-webkit-border-bottom-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	}
	
#barre_menus {
	clear:both;
	position: relative;
	color: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#9B1A98), to(#370037)) !important;
	background: -moz-linear-gradient(top, #A9A9A9, #898989) !important;
	background: url(./resources/background_00309.jpg) repeat-x #898989;
	height: 2em;
	cursor: default;
	z-index: 1;
}

#barre_menus div {
	position: absolute;
	left: 0;
	top: 0;
	width: 8.1em;
	height: 2em;
	overflow: hidden;
}

#barre_menus div:hover {
	width: auto;
	height: auto;
}

#barre_menus div.menu1 {
	z-index: 8;
}

#barre_menus div.menu2 {
	left: 8em;
	z-index: 7;
}

#barre_menus div.menu3 {
	left: 16em;
	z-index: 6;
}

#barre_menus div.menu4 {	
	left:24em;
	z-index: 5;
}
#barre_menus div.menu5 {
	left:40em;
	z-index: 4;
}
#barre_menus div.menu6 {	
	left:48em;
	z-index: 3;
}


#barre_menus span {
	display: block;
	width: 7em;
	height: 1.5em;
	padding-left: .5em;
	padding-top: .5em;
	padding-right: .5em;
	text-align: center;
	border-right: 1px solid #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#9b1a98), to(#370037)) !important;
	background: -moz-linear-gradient(top, #A9A9A9, #898989) !important;
	background: url(./resources/background_00265.jpg) #898989 repeat-x;
}
#barre_menus span.dbl {
	width:14em;
}
#barre_menus div.dbl {
	width:16em;
	overflow:normal;
}

#barre_menus a:link,a:visited,a:active,a:hover {
	color:yellow;
	text-decoration:none;
	}

#barre_menus .lien:active span {
	background: -webkit-gradient(linear, left top, left bottom, from(#9b1a98), to(#370037)) !important;
	background: -moz-linear-gradient(top, #898989, #A9A9A9) !important;
	background: #A9A9A9 url(degrades/fond_menu_inv.png) repeat-x;
}

#barre_menus .lien:hover span {
	background: -webkit-gradient(linear, left top, left bottom, from(#370037), to(#9b1a98)) !important;
	background: -moz-linear-gradient(top, #898989, #A9A9A9) !important;
	background: #A9A9A9 url(degrades/fond_menu_inv.png) repeat-x;
}

	/*
		
		/* Coins arrondis *
		-moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        border-radius: 10px;

		/* Ombre portée *
		-moz-box-shadow: 4px 4px 12px 0 #333;
		-webkit-box-shadow: 4px 4px 12px 0 #333;
		box-shadow: 4px 4px 12px 0 #333;

		/* Arrière Plan *
		-moz-radial-gradient(45px 45px, 10px, 52px 50px, 30px, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(0.90, #019F62)) no-repeat,
		-webkit-background-clip: border-box;
		-webkit-background-origin: padding-box;
		background-attachment: scroll;
		background-color: #1b8bff;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b8bff), color-stop(0.5, #dedede), to(#1b8bff));
		background-image: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
		background-repeat: repeat;
		
		/******************************
		         Transitions
		******************************
		/* Chrome *
		-webkit-transition: background-image 2s linear;

				
		/* Firefox *
        -moz-transition-property: background-image;
		-moz-transition-duration: 2s;
				
		/* Standard *
		transition-property: background-image;
		transition-duration: 2s;
		
		*/